<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="https://unpkg.com/vant/lib/index.css" />
    <link
      rel="stylesheet"
      href="./node_modules/@burt1/ny-ui/dist/index.css"
    />
    <title>Esm App</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="importmap">
      {
        "imports": {
          "vue": "https://esm.sh/vue/dist/vue.esm-bundler.js",
          "vant": "https://esm.sh/vant/lib/vant.es.js",
          "@burt1/ny-ui": "./node_modules/@burt1/ny-ui/dist/index.mjs"
        }
      }
    </script>
    <script type="module">
      import { createApp } from 'vue'
      import VantUI from 'vant'
      import NyUI from '@burt1/ny-ui'

      const app = createApp({
        template: `
          <van-cell-group>
            <van-cell v-for="i in 100" :key="i">Cell {{ i }}</van-cell>
          </van-cell-group>
          <ny-back-top></ny-back-top>
        `,
      })

      app.use(VantUI)
      app.use(NyUI)
      app.mount('#app')

      console.log(VantUI, NyUI)
    </script>
  </body>
</html>
